import { Component } from '@angular/core';
import { Car } from './domain/car';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {

    cars: Car[] = [
        { name: '1商品1', date: '2017-4-5', osn: 2018545, msn: "mid521451", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '2商品2', date: '2017-4-5', osn: 2018545, msn: "mid521452", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '3商品3', date: '2017-4-5', osn: 2018545, msn: "mid521453", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '4商品4', date: '2017-4-5', osn: 2018545, msn: "mid521454", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '5商品5', date: '2017-4-5', osn: 2018545, msn: "mid521455", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '6商品6', date: '2017-4-5', osn: 2018545, msn: "mid521456", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '7商品7', date: '2017-4-5', osn: 2018545, msn: "mid521457", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '8商品8', date: '2017-4-5', osn: 2018545, msn: "mid521458", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '9商品9', date: '2017-4-5', osn: 2018545, msn: "mid521459", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '10商品10', date: '2017-4-5', osn: 2018545, msn: "mid5214510", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '11商品11', date: '2017-4-5', osn: 2018545, msn: "mid5214511", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '12商品12', date: '2017-4-5', osn: 2018545, msn: "mid5214512", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '13商品13', date: '2017-4-5', osn: 2018545, msn: "mid5214513", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '14商品14', date: '2017-4-5', osn: 2018545, msn: "mid5214514", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '15商品15', date: '2017-4-5', osn: 2018545, msn: "mid5214515", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '16商品16', date: '2017-4-5', osn: 2018545, msn: "mid5214516", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '17商品17', date: '2017-4-5', osn: 2018545, msn: "mid5214517", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },
        { name: '18商品18', date: '2017-4-5', osn: 2018545, msn: "mid5214518", address: "广东中山", mobile: "13800013800", tel: "07506441221", mail: "234234@qq.com" },

    ];


    name: string;

    message: string;

    onClick() {
        this.message = 'Hello ' + this.name;

    }
    ngOnInit() {
        console.log(this.cars);
    }
}
